<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<script type="text/javascript" src="static/a-link/js/jquery-2.1.1.min.js"></script>
	<div class="yingmooHerader">
		<header class="header">
			<p>
				<font color="#FF0000" v-if="user.autoId != null"> <span
					v-if="user.contentUser != null">Hi,<i>{{user.contentUser}}$(data)</i></span>
					<span v-else="user.contentEmail != null">Hi,<i>{{user.contentUser}}</i></span>
					<span v-else="user.contentMobile != null">Hi,<i>{{user.contentMobile}}</i></span>
				</font>欢迎您来鹰目 <span v-if="!flag"> <router-link tag="span"
						:class="{'router-link-exact-active': $route.name=='ymRegister'}"
						to="/ymRegister" class="register">请登录</router-link> <span
					class="login"> <router-link tag="span"
							:class="{'router-link-exact-active': $route.name=='ymEnroll'}"
							to="/ymEnroll" class="enroll">免费注册</router-link>
				</span>
				</span> <span v-else @click="confirmExit"> [退出] </span> <span
					class="merchant">商家管理中心</span> <span class="member">会员中心 <img
					src="../assets/ym-header/arrows.png" />
				</span> <span class="mean">我的收藏 <img
					src="../assets/ym-header/arrows.png" />
				</span> <span class="serve">客户服务 <img
					src="../assets/ym-header/arrows.png" />
				</span> <span class="tel">客服热线</span> <span class="num"> <img
					src="../assets/ym-header/phone.png" class="tel_img" />400 650 7893
				</span>
			</p>
		</header>
	</div>

	<script>
	$(function(){
		var storage = window.localStorage;
		var data = storage.getItem("user");
		alert(data);
	});
/* export default {
	data(){
		return {
			user:{},
			flag:false
		}
	},
	mounted(){
		this.getUser();
	},
	methods:{
		getUser:function(){
			var data = localStorage.getItem("user");
			if(data != null){
				this.user = JSON.parse(localStorage.getItem("user"));
				this.flag = true;
			}else{this.flag = false;}
		},
		confirmExit:function(){
			if(confirm("您确认要退出吗？")){
				localStorage.clear();
				this.user = {};
				this.flag = false;
			}
		}
	}
} */
</script>

	<style scoped lang="less">
.header {
	width: 100%;
	height: 45px;
	background-color: #e6e6e6; p { width : 1200px;
	margin: 0 auto;
	line-height: 45px;
	font-size: 14px;
	color: #666666;
	cursor: pointer;
	.
	register
	{
	margin-left
	:
	125px;
}

.login {
	color: #f29600;
	margin-left: 43px;
}

.merchant {
	margin-left: 25px;
	margin-right: 136px;
	padding: 0 5px 1px 5px;
	width: 99px;
	height: 22px;
	background-color: #f29600;
	color: white;
}

.tel {
	margin-left: 105px;
}

.tel_img {
	padding-left: 5px;
	padding-right: 5px;
}

.num {
	font-weight: bold;
	color: #f29600;
}

}
}
.member img, .mean img, .serve img {
	padding-left: 5px;
}

.member, .mean, .serve {
	margin-right: 20px;
}
</style>

</body>
</html>